<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@taglib prefix="core" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <link type="text/css" rel="stylesheet" href="nearbymap.css">
    <title>Nearby Map - Medical Services</title>
    <script type="text/javascript">
		var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-34190252-2']); _gaq.push(['_trackPageview']);
		(function() {var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);})();
	</script>
</head>
<body>
<div id="headers" style="display:inline;" >
	<ul id="globalnav">
		<li><a id="aMed" href="/med">Medical Services</a></li>
		<li><a id="aMeet" href="/meet" class="here">Meet Halfway</a></li>
		<li><a id="aGovt" href="/spf">SPF Establishments</a></li>
	</ul>
	<div id="meetHeader" style="display:inline;" ><b>Nearby Map - Meet Halfway</b> : Find places to meet someone half-way</div>
</div><br/><br/>
<form:form  commandName="meetSearch" action="/meet"  style="display:inline;">
	<form:label path="startPoint1">Start Point 1: </form:label>
	<form:input path="startPoint1" size="40"/>
	<form:select path="mode1">
		<option value="DRIVING">Driving</option>
		<option value="TRANSIT">Transit</option>
		<option value="WALKING">Walking</option>
		<option value="BICYCLING">Bicycling</option>
	</form:select>
	<div id="inputMode2" style="display:inline;" ><br/>
		<form:label path="startPoint2">Start Point 2: </form:label>
		<form:input path="startPoint2" size="40"/>
		<form:select path="mode2">
			<option value="DRIVING">Driving</option>
			<option value="TRANSIT">Transit</option>
			<option value="WALKING">Walking</option>
			<option value="BICYCLING">Bicycling</option>
		</form:select>
	</div>
	<input type="submit" value="Get Places"/>
</form:form>
<div id="map"> <img src="<core:out escapeXml="false" value="${meetSearch.mapUri}" />" /> </div>
</body>
</html>
